.shop-header{
  background-color: #ffb230;
  display: flex;
  padding:0 30/75rem;
  height: 285/75rem;
  align-items: center;
  .p-pic{
    height: 150/75rem;
    width: 150/75rem;
    background-color: #f4f4f4;
    img{
      border: none;
    }
  }
  .p-info{
    flex: 1;
    margin-left: 26/75rem;
    color: #fff;
  }
  .p-title{

    span{
      font-size: 18/75rem;
      display: inline-block;
      background-color: #ffe403;
      padding: 4/75rem 10/75rem;
      border-radius: 10/75rem;
      color: #333;
    }
    h2{
      display: inline-block;
      margin-left: 10/75rem;
    }
  }
  ul{
    font-size: 18/75rem;
    margin-top: 38/75rem;
    a{
      color: #fff;
    }
  }
}
.shop-tab-container{
  display: flex;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  .shop-tab{
    flex: 1;
    height: 68/75rem;
    line-height:68/75rem;
    position: relative;
    text-align: center;
    font-size: 30/75rem;
    span{
      color: #ffb230;
    }
    &.active{
      &:after {
        content: "";
        display: block;
        width: 170/75rem;
        border: 1px solid #ffb230;
        position: absolute;
        bottom: -1px;
        left: 50%;
        margin-left: -85/75rem;
      }
    }
  }
}
.menuview{
  height: 100%;
  background-color: #ffffff;
  padding-bottom: 90/75rem;
  main{
    display: flex;
    height: 100%;
  }
}
.menucategory{
  padding-bottom: 50/75rem;
  width: 200/75rem;
  height: 100%;
  overflow-y: scroll;
  background-color: #f5f5f5;
  li{
    padding: 30/75rem 0;
    text-align: center;
    font-size: 30/75rem;
    position: relative;
    &.active{
      background-color: #fff;
    }
    .p-num{
      position: absolute;
      top: 50%;
      right: 0;
      display: block;
      width: 34/75rem;
      height: 34/75rem;
      margin-top: -17/75rem;
      background-color: #f83434;
      color: #ffffff;
      font-size: 20/75rem;
      line-height:34/75rem;
      text-align: center;
      border-radius: 50%;
    }
  }
}

.goodsview-container{
  flex: 1;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling:touch;
  dl{
    dt{
      background-color: #f1f1f1;
      line-height: 65/75rem;
      padding: 14/75rem;
      line-height: 1;
    }
    dd{
      display: flex;
      padding: 30/75rem 25/75rem;
      position: relative;
      .p-pic{
        width: 161/75rem;
        height: 161*420/620/75rem;
        background-color: #f4f4f4;
      }
      .p-info {
        flex: 1;
        margin-left: 22/75rem;
        position: relative;
        overflow: hidden;
        h3{
          line-height: 1;
          font-size: 28/75rem;
          color: #666;
          white-space:nowrap;
          overflow: hidden;
          text-overflow:ellipsis
        }
        p{
          line-height: 1;
          margin-top: 15/75rem;
          font-size: 23/75rem;
          color: #b2b2b2;
        }
        .p-price{
          position: absolute;
          bottom: 0;
          left: 0;
          font-size: 30/75rem;
          line-height: 1;
          color: #ff9d30;
        }
      }
      .p-control{
        position: absolute;
        right: 30/75rem;
        bottom: 25/75rem;
      }
    }
  }
}
.cart-control{
  display: flex;
  align-items: center;
  a{
    display: block;
  }
  span{
    width: 50/75rem;
    text-align: center;
    font-size: 28/75rem;
    color: #333;
  }
  .a-choose{
    background-color: #fb9f20;
    color: #fff;
    line-height: 1;
    padding: 8/75rem ;
    font-size: 26/75rem;
    border-radius: 10/75rem;
    &:active{
      background-color: lighten(#fb9f20, 10%);
    }
  }
  svg{
    display: block;
    width: 45/75rem;
    height: 45/75rem;
  }
}

